Vue-Material-Admin
这是一个自己想写的基于谷歌Material Design的框架,因为Vue-Material有着较好的适配性和兼容性.可以动态的切换主题,根据需求来使用组件,通过简单易懂的 API 来使用丰富的UI元素和组件。基于vue2.0, 提供一系列可重复使用的组件和一系列的UI元素来构建的应用和页面,兼容移动设备上的和PC上大部分的现代浏览器。


相关技术(技术栈主要采用vue+material+resource由webpack2打包)
- vuejs2.0:渐进式JavaScript框架,易用、灵活、高效,似乎任何规模的应用都适用。
- material:基于谷歌Material Design组件库。
- vue-router:一般单页面应用spa都要用到的前端路由。
- vue-resource v1.3.4: 是一个通过
XMLHttpRequrest或JSONP技术实现异步加载服务端数据的Vue插件,提供了一般的 HTTP请求接口和RESTful架构请求接口,也提供了全局方法和VUe组件实例方法。 - nprogress
- simplestorage
- vuex
- blueimp-md5
特性
- 基于 npm + webpack + babel 开发
- 全面、灵活且强大的ui组件,API简单易用
- 样式基于Material Design组件框架
- 可定制化
| 头像组件 | ✔︎ | 下拉列表组件 | ✔︎ |
|---|---|---|---|
| 底部条组建 | ✔︎ | 侧边导航条 | ✔︎ |
| 按钮 | ✔︎ | 子标题组件 | ✔︎ |
| 转换按钮 | ✔︎ | 开关组件 | ✔︎ |
| 卡片 | ✔︎ | 标签组件 | ✔︎ |
| 复选框 | ✔︎ | 表格组件 | ✔︎ |
| 图标 | ✔︎ | 工具条组件 | ✔︎ |
| 输入框组件 | ✔︎ | 提示组件 | ✔︎ |
| 列表组件 | ✔︎ | 白框组件 | ✔︎ |
| 菜单组件 | ✔︎ | 排版 | ✔︎ |
| 单选组件 | ✔︎ | 网格系统 | ✔︎ |
| 波浪效果 | ✔︎ | 主题切换 | ✔︎ |
关于Vue-Material的三个特性:
Material 设计
Vue Material 是一个轻量级的框架, 建立在谷歌的Material Design基础上。 设计强大的和美观的web应用并适用于不同的屏幕。
全功能应用
可以动态地生成和使用主题,根据自己的需求只用组件,UI元素与组件的优势在于可以更简单的使用API和其他的。
兼容性
它的目的是提供一组可重用的组件和一系列的UI元素,使用 Vue 2.0 建立支持主流的浏览器的应用。
关于vue-resource的特点
体积小
- vue-resource非常小巧,在压缩以后只有大约12KB,服务端启用gzip压缩后只有4.5KB大小,这远比jQuery的体积要小得多。
支持主流的浏览器
- 和Vue.js一样,vue-resource除了不支持IE 9以下的浏览器,其他主流的浏览器都支持。
支持Promise API和URI Templates
- Promise是ES6的特性,Promise的中文含义为“先知”,Promise对象用于异步计算。URI Templates表示URI模板,有些类似于ASP.NET MVC的路由模板。
支持拦截器
- 拦截器是全局的,拦截器可以在请求发送前和发送请求后做一些处理。拦截器在一些场景下会非常有用,比如请求发送前在headers中设置access_token,或者在请求失败时,提供共通的处理方式。


